<!doctype html>
<meta charset=utf-8>
<title>CSS Color 4 test coverage report</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link href="../default.css" rel="stylesheet" type="text/css">

    <style>/* Boilerplate: style-wpt */
    :root {
        --wpt-border: hsl(0, 0%, 60%);
        --wpt-bg: hsl(0, 0%, 95%);
        --wpt-text: var(--text);
        --wptheading-text: hsl(0, 0%, 30%);
    }
    @media (prefers-color-scheme: dark) {
        :root {
            --wpt-border: hsl(0, 0%, 30%);
            --wpt-bg: var(--borderedblock-bg);
            --wpt-text: var(--text);
            --wptheading-text: hsl(0, 0%, 60%);
        }
    }
    .wpt-tests-block {
        list-style: none;
        border-left: .5em solid var(--wpt-border);
        background: var(--wpt-bg);
        color: var(--wpt-text);
        margin: 1em auto;
        padding: .5em;
    }
    .wpt-tests-block summary {
        color: var(--wptheading-text);
        font-weight: normal;
        text-transform: uppercase;
    }
    .wpt-tests-block summary::marker{
        color: var(--wpt-border);
    }
    .wpt-tests-block summary:hover::marker{
        color: var(--wpt-text);
    }
    /*
       The only content  of a wpt test block in its closed state is the <summary>,
       which contains the word TESTS,
       and that is absolutely positioned.
       In that closed state, wpt test blocks are styled
       to have a top margin whose height is exactly equal
       to the height of the absolutely positioned <summary>,
       and no other background/padding/margin/border.
       The wpt test block elements will therefore allow the maring
       of the previous/next block elements
       to collapse through them;
       if this combined margin would be larger than its own top margin,
       it stays as is,
       and therefore the pre-existing vertical rhythm of the document is undisturbed.
       If that combined margin would be smaller, it is grown to that size.
       This means that the wpt test block ensures
       that there's always enough vertical space to insert the summary,
       without adding more than is needed.
    */
    .wpt-tests-block:not([open]){
        padding: 0;
        border: none;
        background: none;
        font-size: 0.75em;
        line-height: 1;
        position: relative;
        margin: 1em 0 0;
    }
    .wpt-tests-block:not([open]) summary {
        position: absolute;
        right: 0;
        bottom: 0;
    }
    /*
       It is possible that both the last child of a block element
       and the block element itself
       would be annotated with a <wpt> block each.
       If the block element has a padding or a border,
       that's fine, but otherwise
       the bottom margin of the block and of its last child would collapse
       and both <wpt> elements would overlap, being both placed there.
       To avoid that, add 1px of padding to the <wpt> element annotating the last child
       to prevent the bottom margin of the block and of its last child from collapsing
       (and as much negative margin,
       as wel only want to prevent margin collapsing,
       but are not trying to actually take more space).
    */
    .wpt-tests-block:not([open]):last-child {
        padding-bottom: 1px;
        margin-bottom: -1px;
    }
    /*
       Exception to the previous rule:
       don't do that in non-last list items,
       because it's not necessary,
       and would therefore consume more space than strictly needed.
       Lists must have list items as children, not <wpt> elements,
       so a <wpt> element cannot be a sibling of a list item,
       and the collision that the previous rule avoids cannot happen.
    */
    li:not(:last-child) > .wpt-tests-block:not([open]):last-child,
    dd:not(:last-child) > .wpt-tests-block:not([open]):last-child {
        padding-bottom: 0;
        margin-bottom: 0;
    }
    .wpt-tests-block:not([open]):not(:hover){
        opacity: 0.5;
    }
    .wpt-tests-list {
        list-style: none;
        display: grid;
        margin: 0;
        padding: 0;
        grid-template-columns: 1fr max-content auto auto;
        grid-column-gap: .5em;
    }
    .wpt-tests-block hr:last-child {
        display: none;
    }
    .wpt-test {
        display: contents;
    }
    .wpt-test > a {
        text-decoration: underline;
        border: none;
    }
    .wpt-test > .wpt-name { grid-column: 1; }
    .wpt-test > .wpt-results { grid-column: 2; }
    .wpt-test > .wpt-live { grid-column: 3; }
    .wpt-test > .wpt-source { grid-column: 4; }
    
    .wpt-test > .wpt-results {
        display: flex;
        gap: .1em;
    }
    .wpt-test .wpt-result {
        display: inline-block;
        height: 1em;
        width: 1em;
        border-radius: 50%;
        position: relative;
    }
    </style>

<div class=head>
	<h1 id=title><a href="https://drafts.csswg.org/css-color-4/">CSS Color 4</a> test coverage report</h1>
	<h2 class=subtitle>2024-02-07</h2>
	<dl>
		<dt class="editor">Prepared by:
		<dd class="editor p-author h-card vcard" 
		data-editor-id="1438"><a class="p-name fn u-url url" 
		href="https://florian.rivoal.net">Chris Lilley</a> 
		(<span class="p-org org">W3C</span>)
        </dd>
    </dl>
	<hr title="Separator for header">
</div>


<!--
	Adapted from https://github.com/w3c/csswg-drafts/blob/main/css-scrollbars-1/test-coverage.html

	To generate this document:
	* Delete everything after this comment
	* Load the spec
	* run this in the console:
		document.querySelectorAll(".mdn-anno").forEach(function(e){e.remove();});
		document.querySelectorAll("main > :not(h1, h2, h3, h4, h5, h6, .wpt-overview, .wpt-tests-block)").forEach(function(e){e.remove();});
		document.querySelectorAll("body > :not(main, .wpt-overview)").forEach(function(e){e.remove();});
		document.querySelectorAll(".wpt-tests-block").forEach(function(e){e.setAttribute("open","");});
	* Copy the remaining main element, and paste it below
	* Add annotation as desired
-->

<main>


   <h2 class="heading settled" data-level="1" id="introduction"><span class="secno">1. </span><span class="content"> Introduction</span><a class="self-link" href="#introduction"></a></h2>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   <h3 class="heading settled" data-level="1.1" id="values"><span class="secno">1.1. </span><span class="content"> Value Definitions</span><a class="self-link" href="#values"></a></h3>
   
   
   <h2 class="heading settled" data-level="2" id="terminology"><span class="secno">2. </span><span class="content">Color Terminology</span><a class="self-link" href="#terminology"></a></h2>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides definitions used later, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   <h2 class="heading settled" data-level="3" id="applying-color"><span class="secno">3. </span><span class="content">Applying Color in CSS</span><a class="self-link" href="#applying-color"></a></h2>
   <h3 class="heading settled" data-level="3.1" id="accessibility"><span class="secno">3.1. </span><span class="content"> Accessibility and Conveying Information By Color</span><a class="self-link" href="#accessibility"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides authoring guidance, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   <h3 class="heading settled" data-level="3.2" id="the-color-property"><span class="secno">3.2. </span><span class="content"> Foreground Color: the <a class="property css" data-link-type="property" href="#propdef-color" id="ref-for-propdef-color">color</a> property</span><a class="self-link" href="#the-color-property"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-001.html" title="css/css-color/color-001.html">color-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-002.html" title="css/css-color/color-002.html">color-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-003.html" title="css/css-color/color-003.html">color-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/inheritance.html" title="css/css-color/inheritance.html">inheritance.html<small> (4 tests)</small></a><span class="wpt-results"><span title="chrome 4/4" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 4/4" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 4/4" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 4/4" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/inheritance.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/inheritance.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/animation/color-interpolation.html" title="css/css-color/animation/color-interpolation.html">color-interpolation.html<small> (192 tests)</small></a><span class="wpt-results"><span title="chrome 192/192" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 192/192" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 180/192" class="wpt-result" style="background: conic-gradient(forestgreen 337.5deg, darkred 0deg);"></span><span title="edge 192/192" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/animation/color-interpolation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/animation/color-interpolation.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-initial-canvastext.html" title="css/css-color/color-initial-canvastext.html">color-initial-canvastext.html<small> (2 tests)</small></a><span class="wpt-results"><span title="chrome 2/2" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 2/2" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 2/2" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 2/2" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-initial-canvastext.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-initial-canvastext.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid.html" title="css/css-color/parsing/color-invalid.html">color-invalid.html<small> (10 tests)</small></a><span class="wpt-results"><span title="chrome 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   <h3 class="heading settled" data-level="3.3" id="transparency"><span class="secno">3.3. </span><span class="content"> Transparency: the <a class="property css" data-link-type="property" href="#propdef-opacity" id="ref-for-propdef-opacity">opacity</a> property</span><a class="self-link" href="#transparency"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-basic-0.0-a.xht" title="css/css-color/t32-opacity-basic-0.0-a.xht">t32-opacity-basic-0.0-a.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-basic-0.0-a.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-basic-0.0-a.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-basic-0.6-a.xht" title="css/css-color/t32-opacity-basic-0.6-a.xht">t32-opacity-basic-0.6-a.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-basic-0.6-a.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-basic-0.6-a.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-basic-1.0-a.xht" title="css/css-color/t32-opacity-basic-1.0-a.xht">t32-opacity-basic-1.0-a.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-basic-1.0-a.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-basic-1.0-a.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-clamping-0.0-b.xht" title="css/css-color/t32-opacity-clamping-0.0-b.xht">t32-opacity-clamping-0.0-b.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-clamping-0.0-b.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-clamping-0.0-b.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-clamping-1.0-b.xht" title="css/css-color/t32-opacity-clamping-1.0-b.xht">t32-opacity-clamping-1.0-b.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-clamping-1.0-b.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-clamping-1.0-b.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-offscreen-b.xht" title="css/css-color/t32-opacity-offscreen-b.xht">t32-opacity-offscreen-b.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-offscreen-b.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-offscreen-b.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-offscreen-multiple-boxes-1-c.xht" title="css/css-color/t32-opacity-offscreen-multiple-boxes-1-c.xht">t32-opacity-offscreen-multiple-boxes-1-c.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-offscreen-multiple-boxes-1-c.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-offscreen-multiple-boxes-1-c.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-offscreen-multiple-boxes-2-c.xht" title="css/css-color/t32-opacity-offscreen-multiple-boxes-2-c.xht">t32-opacity-offscreen-multiple-boxes-2-c.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-offscreen-multiple-boxes-2-c.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-offscreen-multiple-boxes-2-c.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-offscreen-with-alpha-c.xht" title="css/css-color/t32-opacity-offscreen-with-alpha-c.xht">t32-opacity-offscreen-with-alpha-c.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-offscreen-with-alpha-c.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-offscreen-with-alpha-c.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t32-opacity-zorder-c.xht" title="css/css-color/t32-opacity-zorder-c.xht">t32-opacity-zorder-c.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t32-opacity-zorder-c.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t32-opacity-zorder-c.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/opacity-computed.html" title="css/css-color/parsing/opacity-computed.html">opacity-computed.html<small> (8 tests)</small></a><span class="wpt-results"><span title="chrome 8/8" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 8/8" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 8/8" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 8/8" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/opacity-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/opacity-computed.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/opacity-valid.html" title="css/css-color/parsing/opacity-valid.html">opacity-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 8/16" class="wpt-result" style="background: conic-gradient(forestgreen 180deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 8/16" class="wpt-result" style="background: conic-gradient(forestgreen 180deg, darkred 0deg);"></span><span title="edge 8/16" class="wpt-result" style="background: conic-gradient(forestgreen 180deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/opacity-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/opacity-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/opacity-invalid.html" title="css/css-color/parsing/opacity-invalid.html">opacity-invalid.html<small> (3 tests)</small></a><span class="wpt-results"><span title="chrome 3/3" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 3/3" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 3/3" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 3/3" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/opacity-invalid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/opacity-invalid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/composited-filters-under-opacity.html" title="css/css-color/composited-filters-under-opacity.html">composited-filters-under-opacity.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/composited-filters-under-opacity.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/composited-filters-under-opacity.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/filters-under-will-change-opacity.html" title="css/css-color/filters-under-will-change-opacity.html">filters-under-will-change-opacity.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/filters-under-will-change-opacity.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/filters-under-will-change-opacity.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/animation/color-composition.html" title="css/css-color/animation/color-composition.html">color-composition.html<small> (10 tests)</small></a><span class="wpt-results"><span title="chrome 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/animation/color-composition.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/animation/color-composition.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/animation/opacity-interpolation.html" title="css/css-color/animation/opacity-interpolation.html">opacity-interpolation.html<small> (120 tests)</small></a><span class="wpt-results"><span title="chrome 120/120" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 120/120" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 120/120" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 120/120" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/animation/opacity-interpolation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/animation/opacity-interpolation.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/canvas-change-opacity.html" title="css/css-color/canvas-change-opacity.html">canvas-change-opacity.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/canvas-change-opacity.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/canvas-change-opacity.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/animation/opacity-animation-ending-correctly-001.html" title="css/css-color/animation/opacity-animation-ending-correctly-001.html">opacity-animation-ending-correctly-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/animation/opacity-animation-ending-correctly-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/animation/opacity-animation-ending-correctly-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/animation/opacity-animation-ending-correctly-002.html" title="css/css-color/animation/opacity-animation-ending-correctly-002.html">opacity-animation-ending-correctly-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/animation/opacity-animation-ending-correctly-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/animation/opacity-animation-ending-correctly-002.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/inline-opacity-float-child.html" title="css/css-color/inline-opacity-float-child.html">inline-opacity-float-child.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/inline-opacity-float-child.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/inline-opacity-float-child.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/opacity-overlapping-letters.html" title="css/css-color/opacity-overlapping-letters.html">opacity-overlapping-letters.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/opacity-overlapping-letters.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/opacity-overlapping-letters.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/body-opacity-0-to-1-stacking-context.html" title="css/css-color/body-opacity-0-to-1-stacking-context.html">body-opacity-0-to-1-stacking-context.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/body-opacity-0-to-1-stacking-context.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/body-opacity-0-to-1-stacking-context.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <h3 class="heading settled" data-level="3.4" id="tagged-images"><span class="secno">3.4. </span><span class="content">Color Space of Tagged Images</span><a class="self-link" href="#tagged-images"></a></h3>
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/tagged-images-001.html" title="css/css-color/tagged-images-001.html">tagged-images-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/tagged-images-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/tagged-images-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/tagged-images-002.html" title="css/css-color/tagged-images-002.html">tagged-images-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/tagged-images-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/tagged-images-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/tagged-images-003.html" title="css/css-color/tagged-images-003.html">tagged-images-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/tagged-images-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/tagged-images-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/tagged-images-004.html" title="css/css-color/tagged-images-004.html">tagged-images-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/tagged-images-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/tagged-images-004.html"><small>(source)</small></a>
    </li></ul>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/png/cicp-chunk.html" title="png/cicp-chunk.html">cicp-chunk.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/png/cicp-chunk.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/png/cicp-chunk.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/png/apng/fDAT-inherits-cICP.html" title="png/apng/fDAT-inherits-cICP.html">fDAT-inherits-cICP.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/png/apng/fDAT-inherits-cICP.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/png/apng/fDAT-inherits-cICP.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   <h3 class="heading settled" data-level="3.5" id="untagged"><span class="secno">3.5. </span><span class="content"> Color Spaces of Untagged Colors</span><a class="self-link" href="#untagged"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/untagged-images-001.html" title="css/css-color/untagged-images-001.html">untagged-images-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/untagged-images-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/untagged-images-001.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <h2 class="heading settled" data-level="4" id="color-type"><span class="secno">4. </span><span class="content"> Representing Colors: the <a class="production css" data-link-type="type" href="#typedef-color" id="ref-for-typedef-color⑥">&lt;color&gt;</a> type</span><a class="self-link" href="#color-type"></a></h2>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section describes a type, it is primarily tested where that type is used.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-named-color.html" title="css/css-color/parsing/color-computed-named-color.html">color-computed-named-color.html<small> (455 tests)</small></a><span class="wpt-results"><span title="chrome 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-named-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-named-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed.html" title="css/css-color/parsing/color-computed.html">color-computed.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="4.1" id="color-syntax"><span class="secno">4.1. </span><span class="content">The <a class="production css" data-link-type="type" href="#typedef-color" id="ref-for-typedef-color⑦">&lt;color&gt;</a> syntax</span><a class="self-link" href="#color-syntax"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides definitions used later, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   

   
   
   
   <h4 class="heading settled" data-level="4.1.1" id="color-syntax-modern"><span class="secno">4.1.1. </span><span class="content"> Modern (Space-separated) Color Function Syntax</span><a class="self-link" href="#color-syntax-modern"></a></h4>
   
   
   
   <h4 class="heading settled" data-level="4.1.2" id="color-syntax-legacy"><span class="secno">4.1.2. </span><span class="content"> Legacy (Comma-separated) Color Function Syntax</span><a class="self-link" href="#color-syntax-legacy"></a></h4>
   
   
   
   
   <h3 class="heading settled" data-level="4.2" id="alpha-syntax"><span class="secno">4.2. </span><span class="content"> Representing Transparency in Colors: the <a class="production css" data-link-type="type" href="#typedef-color-alpha-value" id="ref-for-typedef-color-alpha-value">&lt;alpha-value&gt;</a> syntax</span><a class="self-link" href="#alpha-syntax"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides definitions used later, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>

   
   <h3 class="heading settled" data-level="4.3" id="hue-syntax"><span class="secno">4.3. </span><span class="content"> Representing Cylindrical-coordinate Hues: the <a class="production css" data-link-type="type" href="#typedef-hue" id="ref-for-typedef-hue②">&lt;hue&gt;</a> syntax</span><a class="self-link" href="#hue-syntax"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides definitions used later, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   

   
   
   
   
   <h3 class="heading settled" data-level="4.4" id="missing"><span class="secno">4.4. </span><span class="content"> “Missing” Color Components and the <a class="css" data-link-type="maybe" href="#valdef-color-none" id="ref-for-valdef-color-none②">none</a> Keyword</span><a class="self-link" href="#missing"></a></h3>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-color-function.html" title="css/css-color/parsing/color-computed-color-function.html">color-computed-color-function.html<small> (401 tests)</small></a><span class="wpt-results"><span title="chrome 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-color-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-color-function.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hsl.html" title="css/css-color/parsing/color-computed-hsl.html">color-computed-hsl.html<small> (3735 tests)</small></a><span class="wpt-results"><span title="chrome 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hwb.html" title="css/css-color/parsing/color-computed-hwb.html">color-computed-hwb.html<small> (50 tests)</small></a><span class="wpt-results"><span title="chrome 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hwb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-lab.html" title="css/css-color/parsing/color-computed-lab.html">color-computed-lab.html<small> (104 tests)</small></a><span class="wpt-results"><span title="chrome 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-lab.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-lab.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-relative-color.html" title="css/css-color/parsing/color-computed-relative-color.html">color-computed-relative-color.html<small> (947 tests)</small></a><span class="wpt-results"><span title="chrome 938/947" class="wpt-result" style="background: conic-gradient(forestgreen 356.5786694825765deg, darkred 0deg);"></span><span title="firefox 0/947" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 725/947" class="wpt-result" style="background: conic-gradient(forestgreen 275.6071805702217deg, darkred 0deg);"></span><span title="edge 938/947" class="wpt-result" style="background: conic-gradient(forestgreen 356.5786694825765deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-relative-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-relative-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-rgb.html" title="css/css-color/parsing/color-computed-rgb.html">color-computed-rgb.html<small> (79 tests)</small></a><span class="wpt-results"><span title="chrome 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-rgb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-hsl.html" title="css/css-color/parsing/color-invalid-hsl.html">color-invalid-hsl.html<small> (23 tests)</small></a><span class="wpt-results"><span title="chrome 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-rgb.html" title="css/css-color/parsing/color-invalid-rgb.html">color-invalid-rgb.html<small> (26 tests)</small></a><span class="wpt-results"><span title="chrome 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-rgb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-color-function.html" title="css/css-color/parsing/color-valid-color-function.html">color-valid-color-function.html<small> (258 tests)</small></a><span class="wpt-results"><span title="chrome 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 240/258" class="wpt-result" style="background: conic-gradient(forestgreen 334.8837209302325deg, darkred 0deg);"></span><span title="edge 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-color-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-color-function.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-color-mix-function.html" title="css/css-color/parsing/color-valid-color-mix-function.html">color-valid-color-mix-function.html<small> (458 tests)</small></a><span class="wpt-results"><span title="chrome 458/458" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 458/458" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 448/458" class="wpt-result" style="background: conic-gradient(forestgreen 352.1397379912664deg, darkred 0deg);"></span><span title="edge 458/458" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-color-mix-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-color-mix-function.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-hsl.html" title="css/css-color/parsing/color-valid-hsl.html">color-valid-hsl.html<small> (37 tests)</small></a><span class="wpt-results"><span title="chrome 37/37" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 26/37" class="wpt-result" style="background: conic-gradient(forestgreen 252.972972972973deg, darkred 0deg);"></span><span title="safari 24/37" class="wpt-result" style="background: conic-gradient(forestgreen 233.51351351351352deg, darkred 0deg);"></span><span title="edge 37/37" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-hwb.html" title="css/css-color/parsing/color-valid-hwb.html">color-valid-hwb.html<small> (34 tests)</small></a><span class="wpt-results"><span title="chrome 34/34" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 23/34" class="wpt-result" style="background: conic-gradient(forestgreen 243.52941176470588deg, darkred 0deg);"></span><span title="safari 20/34" class="wpt-result" style="background: conic-gradient(forestgreen 211.76470588235296deg, darkred 0deg);"></span><span title="edge 34/34" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-hwb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-lab.html" title="css/css-color/parsing/color-valid-lab.html">color-valid-lab.html<small> (116 tests)</small></a><span class="wpt-results"><span title="chrome 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 108/116" class="wpt-result" style="background: conic-gradient(forestgreen 335.17241379310343deg, darkred 0deg);"></span><span title="edge 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-lab.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-lab.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-relative-color.html" title="css/css-color/parsing/color-valid-relative-color.html">color-valid-relative-color.html<small> (935 tests)</small></a><span class="wpt-results"><span title="chrome 899/935" class="wpt-result" style="background: conic-gradient(forestgreen 346.1390374331551deg, darkred 0deg);"></span><span title="firefox 12/935" class="wpt-result" style="background: conic-gradient(forestgreen 4.620320855614973deg, darkred 0deg);"></span><span title="safari 716/935" class="wpt-result" style="background: conic-gradient(forestgreen 275.67914438502675deg, darkred 0deg);"></span><span title="edge 899/935" class="wpt-result" style="background: conic-gradient(forestgreen 346.1390374331551deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-relative-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-relative-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-rgb.html" title="css/css-color/parsing/color-valid-rgb.html">color-valid-rgb.html<small> (48 tests)</small></a><span class="wpt-results"><span title="chrome 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span><span title="firefox 48/48" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span><span title="edge 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-rgb.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   <h4 class="heading settled" data-level="4.4.1" id="powerless"><span class="secno">4.4.1. </span><span class="content"> “Powerless” Color Components</span><a class="self-link" href="#powerless"></a></h4>
   
   
   
   
   <h3 class="heading settled" data-level="4.5" id="parse-color"><span class="secno">4.5. </span><span class="content"> Parsing a <a class="production css" data-link-type="type" href="#typedef-color" id="ref-for-typedef-color①⓪">&lt;color&gt;</a> Value</span><a class="self-link" href="#parse-color"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides a definition referenced elsewhere, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   <h2 class="heading settled" data-level="5" id="numeric-srgb"><span class="secno">5. </span><span class="content"> sRGB Colors</span><a class="self-link" href="#numeric-srgb"></a></h2>
   
   
   
   <h3 class="heading settled" data-level="5.1" id="rgb-functions"><span class="secno">5.1. </span><span class="content"> The RGB functions: <a class="css" data-link-type="maybe" href="#funcdef-rgb" id="ref-for-funcdef-rgb④">rgb()</a> and <a class="css" data-link-type="maybe" href="#funcdef-rgba" id="ref-for-funcdef-rgba④">rgba()</a></span><a class="self-link" href="#rgb-functions"></a></h3>
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-001.html" title="css/css-color/rgb-001.html">rgb-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-002.html" title="css/css-color/rgb-002.html">rgb-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-003.html" title="css/css-color/rgb-003.html">rgb-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-004.html" title="css/css-color/rgb-004.html">rgb-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-005.html" title="css/css-color/rgb-005.html">rgb-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-006.html" title="css/css-color/rgb-006.html">rgb-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-007.html" title="css/css-color/rgb-007.html">rgb-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgb-008.html" title="css/css-color/rgb-008.html">rgb-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgb-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgb-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/out-of-gamut-legacy-rgb.html" title="css/css-color/out-of-gamut-legacy-rgb.html">out-of-gamut-legacy-rgb.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/out-of-gamut-legacy-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/out-of-gamut-legacy-rgb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-rgb.html" title="css/css-color/parsing/color-computed-rgb.html">color-computed-rgb.html<small> (79 tests)</small></a><span class="wpt-results"><span title="chrome 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-rgb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-rgb.html" title="css/css-color/parsing/color-invalid-rgb.html">color-invalid-rgb.html<small> (26 tests)</small></a><span class="wpt-results"><span title="chrome 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 26/26" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-rgb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-rgb.html" title="css/css-color/parsing/color-valid-rgb.html">color-valid-rgb.html<small> (48 tests)</small></a><span class="wpt-results"><span title="chrome 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span><span title="firefox 48/48" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span><span title="edge 46/48" class="wpt-result" style="background: conic-gradient(forestgreen 345deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-rgb.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-rgb-001.html" title="css/css-color/background-color-rgb-001.html">background-color-rgb-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-rgb-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-rgb-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-rgb-002.html" title="css/css-color/background-color-rgb-002.html">background-color-rgb-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-rgb-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-rgb-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-rgb-003.html" title="css/css-color/background-color-rgb-003.html">background-color-rgb-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-rgb-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-rgb-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-001.html" title="css/css-color/rgba-001.html">rgba-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-002.html" title="css/css-color/rgba-002.html">rgba-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-003.html" title="css/css-color/rgba-003.html">rgba-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-004.html" title="css/css-color/rgba-004.html">rgba-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-005.html" title="css/css-color/rgba-005.html">rgba-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-006.html" title="css/css-color/rgba-006.html">rgba-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-007.html" title="css/css-color/rgba-007.html">rgba-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rgba-008.html" title="css/css-color/rgba-008.html">rgba-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rgba-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rgba-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="5.2" id="hex-notation"><span class="secno">5.2. </span><span class="content"> The RGB Hexadecimal Notations: <span class="css">#RRGGBB</span></span><a class="self-link" href="#hex-notation"></a></h3>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hex-001.html" title="css/css-color/hex-001.html">hex-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hex-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hex-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hex-002.html" title="css/css-color/hex-002.html">hex-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hex-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hex-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hex-003.html" title="css/css-color/hex-003.html">hex-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hex-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hex-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hex-004.html" title="css/css-color/hex-004.html">hex-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hex-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hex-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/border-bottom-color.xht" title="css/css-color/border-bottom-color.xht">border-bottom-color.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/border-bottom-color.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/border-bottom-color.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/border-left-color.xht" title="css/css-color/border-left-color.xht">border-left-color.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/border-left-color.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/border-left-color.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/border-right-color.xht" title="css/css-color/border-right-color.xht">border-right-color.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/border-right-color.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/border-right-color.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/border-top-color.xht" title="css/css-color/border-top-color.xht">border-top-color.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/border-top-color.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/border-top-color.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hex-color.html" title="css/css-color/parsing/color-computed-hex-color.html">color-computed-hex-color.html<small> (6 tests)</small></a><span class="wpt-results"><span title="chrome 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hex-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hex-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-hex-color.html" title="css/css-color/parsing/color-invalid-hex-color.html">color-invalid-hex-color.html<small> (10 tests)</small></a><span class="wpt-results"><span title="chrome 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-hex-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-hex-color.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h2 class="heading settled" data-level="6" id="color-keywords"><span class="secno">6. </span><span class="content"> Color Keywords</span><a class="self-link" href="#color-keywords"></a></h2>
   
   <h3 class="heading settled" data-level="6.1" id="named-colors"><span class="secno">6.1. </span><span class="content"> Named Colors</span><a class="self-link" href="#named-colors"></a></h3>
   
   
   
   
   
   
   
   
    For historical reasons, this is also referred to as the X11 color set. 
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/named-001.html" title="css/css-color/named-001.html">named-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/named-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/named-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-named-color.html" title="css/css-color/parsing/color-computed-named-color.html">color-computed-named-color.html<small> (455 tests)</small></a><span class="wpt-results"><span title="chrome 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-named-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-named-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-named-color.html" title="css/css-color/parsing/color-invalid-named-color.html">color-invalid-named-color.html<small> (184 tests)</small></a><span class="wpt-results"><span title="chrome 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-named-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-named-color.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled dfn-paneled has-dfn-panel" data-dfn-type="dfn" data-level="6.2" data-lt="system colors" data-noexport="" id="css-system-colors" role="button" aria-expanded="false" tabindex="0"><span class="secno">6.2. </span><span class="content"> System Colors</span><a class="self-link" href="#css-system-colors" id="ref-for-css-system-colors⑧"></a></h3>
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-consistency.html" title="css/css-color/system-color-consistency.html">system-color-consistency.html<small> (27 tests)</small></a><span class="wpt-results"><span title="chrome 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 15/27" class="wpt-result" style="background: conic-gradient(forestgreen 200deg, darkred 0deg);"></span><span title="edge 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-consistency.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-consistency.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-support.html" title="css/css-color/system-color-support.html">system-color-support.html<small> (21 tests)</small></a><span class="wpt-results"><span title="chrome 19/21" class="wpt-result" style="background: conic-gradient(forestgreen 325.7142857142857deg, darkred 0deg);"></span><span title="firefox 19/19" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 20/21" class="wpt-result" style="background: conic-gradient(forestgreen 342.85714285714283deg, darkred 0deg);"></span><span title="edge 19/21" class="wpt-result" style="background: conic-gradient(forestgreen 325.7142857142857deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-support.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-support.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-system-color.html" title="css/css-color/parsing/color-valid-system-color.html">color-valid-system-color.html<small> (19 tests)</small></a><span class="wpt-results"><span title="chrome 17/19" class="wpt-result" style="background: conic-gradient(forestgreen 322.10526315789474deg, darkred 0deg);"></span><span title="firefox 19/19" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 19/19" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 17/19" class="wpt-result" style="background: conic-gradient(forestgreen 322.10526315789474deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-system-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-system-color.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-compute.html" title="css/css-color/system-color-compute.html">system-color-compute.html<small> (27 tests)</small></a><span class="wpt-results"><span title="chrome 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 14/27" class="wpt-result" style="background: conic-gradient(forestgreen 186.66666666666666deg, darkred 0deg);"></span><span title="safari 13/27" class="wpt-result" style="background: conic-gradient(forestgreen 173.33333333333331deg, darkred 0deg);"></span><span title="edge 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-compute.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-compute.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-hightlights-vs-getSelection-001.html" title="css/css-color/system-color-hightlights-vs-getSelection-001.html">system-color-hightlights-vs-getSelection-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-hightlights-vs-getSelection-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-hightlights-vs-getSelection-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-hightlights-vs-getSelection-002.html" title="css/css-color/system-color-hightlights-vs-getSelection-002.html">system-color-hightlights-vs-getSelection-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-hightlights-vs-getSelection-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-hightlights-vs-getSelection-002.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="6.3" id="transparent-color"><span class="secno">6.3. </span><span class="content"> The <a class="css" data-link-type="maybe" href="#valdef-color-transparent" id="ref-for-valdef-color-transparent②">transparent</a> keyword</span><a class="self-link" href="#transparent-color"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed.html" title="css/css-color/parsing/color-computed.html">color-computed.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t423-transparent-1-a.xht" title="css/css-color/t423-transparent-1-a.xht">t423-transparent-1-a.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t423-transparent-1-a.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t423-transparent-1-a.xht"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t423-transparent-2-a.xht" title="css/css-color/t423-transparent-2-a.xht">t423-transparent-2-a.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t423-transparent-2-a.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t423-transparent-2-a.xht"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="6.4" id="currentcolor-color"><span class="secno">6.4. </span><span class="content"> The <a class="css" data-link-type="maybe" href="#valdef-color-currentcolor" id="ref-for-valdef-color-currentcolor⑤">currentcolor</a> keyword</span><a class="self-link" href="#currentcolor-color"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/border-color-currentcolor.html" title="css/css-color/border-color-currentcolor.html">border-color-currentcolor.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/border-color-currentcolor.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/border-color-currentcolor.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-mix-currentcolor-nested-for-color-property.html" title="css/css-color/color-mix-currentcolor-nested-for-color-property.html">color-mix-currentcolor-nested-for-color-property.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-mix-currentcolor-nested-for-color-property.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-mix-currentcolor-nested-for-color-property.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-001.html" title="css/css-color/currentcolor-001.html">currentcolor-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-002.html" title="css/css-color/currentcolor-002.html">currentcolor-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-003.html" title="css/css-color/currentcolor-003.html">currentcolor-003.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-004.html" title="css/css-color/currentcolor-004.html">currentcolor-004.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-visited-fallback.html" title="css/css-color/currentcolor-visited-fallback.html">currentcolor-visited-fallback.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-visited-fallback.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-visited-fallback.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   <h2 class="heading settled" data-level="7" id="the-hsl-notation"><span class="secno">7. </span><span class="content"> HSL Colors: <a class="css" data-link-type="maybe" href="#funcdef-hsl" id="ref-for-funcdef-hsl⑧">hsl()</a> and <a class="css" data-link-type="maybe" href="#funcdef-hsla" id="ref-for-funcdef-hsla⑥">hsla()</a> functions</span><a class="self-link" href="#the-hsl-notation"></a></h2>
   
   
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-001.html" title="css/css-color/hsl-001.html">hsl-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-002.html" title="css/css-color/hsl-002.html">hsl-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-003.html" title="css/css-color/hsl-003.html">hsl-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-004.html" title="css/css-color/hsl-004.html">hsl-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-005.html" title="css/css-color/hsl-005.html">hsl-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-006.html" title="css/css-color/hsl-006.html">hsl-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-007.html" title="css/css-color/hsl-007.html">hsl-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsl-008.html" title="css/css-color/hsl-008.html">hsl-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsl-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsl-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-hsl-001.html" title="css/css-color/background-color-hsl-001.html">background-color-hsl-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-hsl-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-hsl-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-hsl-002.html" title="css/css-color/background-color-hsl-002.html">background-color-hsl-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-hsl-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-hsl-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-hsl-003.html" title="css/css-color/background-color-hsl-003.html">background-color-hsl-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-hsl-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-hsl-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/background-color-hsl-004.html" title="css/css-color/background-color-hsl-004.html">background-color-hsl-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/background-color-hsl-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/background-color-hsl-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hsl.html" title="css/css-color/parsing/color-computed-hsl.html">color-computed-hsl.html<small> (3735 tests)</small></a><span class="wpt-results"><span title="chrome 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-hsl.html" title="css/css-color/parsing/color-invalid-hsl.html">color-invalid-hsl.html<small> (23 tests)</small></a><span class="wpt-results"><span title="chrome 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 23/23" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-hsl.html" title="css/css-color/parsing/color-valid-hsl.html">color-valid-hsl.html<small> (37 tests)</small></a><span class="wpt-results"><span title="chrome 37/37" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 26/37" class="wpt-result" style="background: conic-gradient(forestgreen 252.972972972973deg, darkred 0deg);"></span><span title="safari 24/37" class="wpt-result" style="background: conic-gradient(forestgreen 233.51351351351352deg, darkred 0deg);"></span><span title="edge 37/37" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-hsl.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/t424-hsl-clip-outside-gamut-b.xht" title="css/css-color/t424-hsl-clip-outside-gamut-b.xht">t424-hsl-clip-outside-gamut-b.xht</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/t424-hsl-clip-outside-gamut-b.xht"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/t424-hsl-clip-outside-gamut-b.xht"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-001.html" title="css/css-color/hsla-001.html">hsla-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-002.html" title="css/css-color/hsla-002.html">hsla-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-003.html" title="css/css-color/hsla-003.html">hsla-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-004.html" title="css/css-color/hsla-004.html">hsla-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-005.html" title="css/css-color/hsla-005.html">hsla-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-006.html" title="css/css-color/hsla-006.html">hsla-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-007.html" title="css/css-color/hsla-007.html">hsla-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hsla-008.html" title="css/css-color/hsla-008.html">hsla-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hsla-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hsla-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="7.1" id="hsl-to-rgb"><span class="secno">7.1. </span><span class="content"> Converting HSL Colors to sRGB</span><a class="self-link" href="#hsl-to-rgb"></a></h3>
   
   

   <h3 class="heading settled" data-level="7.2" id="rgb-to-hsl"><span class="secno">7.2. </span><span class="content"> Converting sRGB Colors to HSL</span><a class="self-link" href="#rgb-to-hsl"></a></h3>
   
   

   <h3 class="heading settled" data-level="7.3" id="hsl-examples"><span class="secno">7.3. </span><span class="content"> Examples of HSL Colors</span><a class="self-link" href="#hsl-examples"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   <h2 class="heading settled" data-level="8" id="the-hwb-notation"><span class="secno">8. </span><span class="content"> HWB Colors: <a class="css" data-link-type="maybe" href="#funcdef-hwb" id="ref-for-funcdef-hwb④">hwb()</a> function</span><a class="self-link" href="#the-hwb-notation"></a></h2>
   
   
   
   
   

   
   
   
   
   
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hwb-001.html" title="css/css-color/hwb-001.html">hwb-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hwb-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hwb-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hwb-002.html" title="css/css-color/hwb-002.html">hwb-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hwb-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hwb-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hwb-003.html" title="css/css-color/hwb-003.html">hwb-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hwb-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hwb-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hwb-004.html" title="css/css-color/hwb-004.html">hwb-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hwb-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hwb-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/hwb-005.html" title="css/css-color/hwb-005.html">hwb-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/hwb-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/hwb-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hwb.html" title="css/css-color/parsing/color-computed-hwb.html">color-computed-hwb.html<small> (50 tests)</small></a><span class="wpt-results"><span title="chrome 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hwb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-hwb.html" title="css/css-color/parsing/color-invalid-hwb.html">color-invalid-hwb.html<small> (6 tests)</small></a><span class="wpt-results"><span title="chrome 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-hwb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-hwb.html" title="css/css-color/parsing/color-valid-hwb.html">color-valid-hwb.html<small> (34 tests)</small></a><span class="wpt-results"><span title="chrome 34/34" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 23/34" class="wpt-result" style="background: conic-gradient(forestgreen 243.52941176470588deg, darkred 0deg);"></span><span title="safari 20/34" class="wpt-result" style="background: conic-gradient(forestgreen 211.76470588235296deg, darkred 0deg);"></span><span title="edge 34/34" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-hwb.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="8.1" id="hwb-to-rgb"><span class="secno">8.1. </span><span class="content"> Converting HWB Colors to sRGB</span><a class="self-link" href="#hwb-to-rgb"></a></h3>
   

   <h3 class="heading settled" data-level="8.2" id="rgb-to-hwb"><span class="secno">8.2. </span><span class="content"> Converting sRGB Colors to HWB</span><a class="self-link" href="#rgb-to-hwb"></a></h3>
   

   <h3 class="heading settled" data-level="8.3" id="hwb-examples"><span class="secno">8.3. </span><span class="content"> Examples of HWB Colors</span><a class="self-link" href="#hwb-examples"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   <h2 class="heading settled" data-level="9" id="lab-colors"><span class="secno">9. </span><span class="content"> Device-independent Colors: CIE Lab and LCH, Oklab and Oklch</span><a class="self-link" href="#lab-colors"></a></h2>
   <h3 class="informative heading settled" data-level="9.1" id="cie-lab"><span class="secno">9.1. </span><span class="content">CIE Lab and LCH</span><a class="self-link" href="#cie-lab"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   <h3 class="informative heading settled" data-level="9.2" id="ok-lab"><span class="secno">9.2. </span><span class="content">Oklab and Oklch</span><a class="self-link" href="#ok-lab"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="9.3" id="specifying-lab-lch"><span class="secno">9.3. </span><span class="content"> Specifying Lab and LCH: the <a class="css" data-link-type="maybe" href="#funcdef-lab" id="ref-for-funcdef-lab②">lab()</a> and <a class="css" data-link-type="maybe" href="#funcdef-lch" id="ref-for-funcdef-lch④">lch()</a> functional notations</span><a class="self-link" href="#specifying-lab-lch"></a></h3>
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-001.html" title="css/css-color/lab-001.html">lab-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-002.html" title="css/css-color/lab-002.html">lab-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-003.html" title="css/css-color/lab-003.html">lab-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-004.html" title="css/css-color/lab-004.html">lab-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-005.html" title="css/css-color/lab-005.html">lab-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-006.html" title="css/css-color/lab-006.html">lab-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-007.html" title="css/css-color/lab-007.html">lab-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-008.html" title="css/css-color/lab-008.html">lab-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-l-over-100-1.html" title="css/css-color/lab-l-over-100-1.html">lab-l-over-100-1.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-l-over-100-1.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-l-over-100-1.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lab-l-over-100-2.html" title="css/css-color/lab-l-over-100-2.html">lab-l-over-100-2.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lab-l-over-100-2.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lab-l-over-100-2.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-lab.html" title="css/css-color/parsing/color-computed-lab.html">color-computed-lab.html<small> (104 tests)</small></a><span class="wpt-results"><span title="chrome 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 104/104" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-lab.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-lab.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-lab.html" title="css/css-color/parsing/color-invalid-lab.html">color-invalid-lab.html<small> (18 tests)</small></a><span class="wpt-results"><span title="chrome 18/18" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 18/18" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 18/18" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 18/18" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-lab.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-lab.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-lab.html" title="css/css-color/parsing/color-valid-lab.html">color-valid-lab.html<small> (116 tests)</small></a><span class="wpt-results"><span title="chrome 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 108/116" class="wpt-result" style="background: conic-gradient(forestgreen 335.17241379310343deg, darkred 0deg);"></span><span title="edge 116/116" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-lab.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-lab.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-001.html" title="css/css-color/lch-001.html">lch-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-002.html" title="css/css-color/lch-002.html">lch-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-003.html" title="css/css-color/lch-003.html">lch-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-004.html" title="css/css-color/lch-004.html">lch-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-005.html" title="css/css-color/lch-005.html">lch-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-006.html" title="css/css-color/lch-006.html">lch-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-007.html" title="css/css-color/lch-007.html">lch-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-008.html" title="css/css-color/lch-008.html">lch-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-009.html" title="css/css-color/lch-009.html">lch-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-010.html" title="css/css-color/lch-010.html">lch-010.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-010.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-l-over-100-1.html" title="css/css-color/lch-l-over-100-1.html">lch-l-over-100-1.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-l-over-100-1.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-l-over-100-1.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/lch-l-over-100-2.html" title="css/css-color/lch-l-over-100-2.html">lch-l-over-100-2.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/lch-l-over-100-2.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/lch-l-over-100-2.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="9.4" id="specifying-oklab-oklch"><span class="secno">9.4. </span><span class="content"> Specifying Oklab and Oklch: the <a class="css" data-link-type="maybe" href="#funcdef-oklab" id="ref-for-funcdef-oklab②">oklab()</a> and <a class="css" data-link-type="maybe" href="#funcdef-oklch" id="ref-for-funcdef-oklch③">oklch()</a> functional notations</span><a class="self-link" href="#specifying-oklab-oklch"></a></h3>
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-001.html" title="css/css-color/oklab-001.html">oklab-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-002.html" title="css/css-color/oklab-002.html">oklab-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-003.html" title="css/css-color/oklab-003.html">oklab-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-004.html" title="css/css-color/oklab-004.html">oklab-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-005.html" title="css/css-color/oklab-005.html">oklab-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-006.html" title="css/css-color/oklab-006.html">oklab-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-007.html" title="css/css-color/oklab-007.html">oklab-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-008.html" title="css/css-color/oklab-008.html">oklab-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-009.html" title="css/css-color/oklab-009.html">oklab-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-l-over-1-1.html" title="css/css-color/oklab-l-over-1-1.html">oklab-l-over-1-1.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-l-over-1-1.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-l-over-1-1.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklab-l-over-1-2.html" title="css/css-color/oklab-l-over-1-2.html">oklab-l-over-1-2.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklab-l-over-1-2.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklab-l-over-1-2.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-001.html" title="css/css-color/oklch-001.html">oklch-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-002.html" title="css/css-color/oklch-002.html">oklch-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-003.html" title="css/css-color/oklch-003.html">oklch-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-004.html" title="css/css-color/oklch-004.html">oklch-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-005.html" title="css/css-color/oklch-005.html">oklch-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-006.html" title="css/css-color/oklch-006.html">oklch-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-007.html" title="css/css-color/oklch-007.html">oklch-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-008.html" title="css/css-color/oklch-008.html">oklch-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-009.html" title="css/css-color/oklch-009.html">oklch-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-010.html" title="css/css-color/oklch-010.html">oklch-010.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-010.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-011.html" title="css/css-color/oklch-011.html">oklch-011.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-011.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-l-over-1-1.html" title="css/css-color/oklch-l-over-1-1.html">oklch-l-over-1-1.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-l-over-1-1.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-l-over-1-1.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/oklch-l-over-1-2.html" title="css/css-color/oklch-l-over-1-2.html">oklch-l-over-1-2.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/oklch-l-over-1-2.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/oklch-l-over-1-2.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="9.5" id="lab-to-lch"><span class="secno">9.5. </span><span class="content"> Converting Lab or Oklab colors to LCH or Oklch colors</span><a class="self-link" href="#lab-to-lch"></a></h3>
   
   
   
   <h3 class="heading settled" data-level="9.6" id="lch-to-lab"><span class="secno">9.6. </span><span class="content"> Converting LCH or Oklch colors to Lab or Oklab colors</span><a class="self-link" href="#lch-to-lab"></a></h3>
   
   
   <h2 class="heading settled" data-level="10" id="predefined"><span class="secno">10. </span><span class="content"> Predefined Color Spaces</span><a class="self-link" href="#predefined"></a></h2>
   
   <h3 class="heading settled" data-level="10.1" id="color-function"><span class="secno">10.1. </span><span class="content"> Specifying Predefined Colors: the <a class="css" data-link-type="maybe" href="#funcdef-color" id="ref-for-funcdef-color②">color()</a> function</span><a class="self-link" href="#color-function"></a></h3>
   

   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-color-function.html" title="css/css-color/parsing/color-computed-color-function.html">color-computed-color-function.html<small> (401 tests)</small></a><span class="wpt-results"><span title="chrome 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 401/401" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-color-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-color-function.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-color-function.html" title="css/css-color/parsing/color-invalid-color-function.html">color-invalid-color-function.html<small> (115 tests)</small></a><span class="wpt-results"><span title="chrome 115/115" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 115/115" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 115/115" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 115/115" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-color-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-color-function.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid-color-function.html" title="css/css-color/parsing/color-valid-color-function.html">color-valid-color-function.html<small> (258 tests)</small></a><span class="wpt-results"><span title="chrome 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 240/258" class="wpt-result" style="background: conic-gradient(forestgreen 334.8837209302325deg, darkred 0deg);"></span><span title="edge 258/258" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid-color-function.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid-color-function.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="10.2" id="predefined-sRGB"><span class="secno">10.2. </span><span class="content"> The Predefined sRGB Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-srgb" id="ref-for-valdef-color-srgb②">sRGB</a> keyword</span><a class="self-link" href="#predefined-sRGB"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-001.html" title="css/css-color/predefined-001.html">predefined-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-002.html" title="css/css-color/predefined-002.html">predefined-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.3" id="predefined-sRGB-linear"><span class="secno">10.3. </span><span class="content"> The Predefined Linear-light sRGB Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-srgb-linear" id="ref-for-valdef-color-srgb-linear①">srgb-linear</a> keyword</span><a class="self-link" href="#predefined-sRGB-linear"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/srgb-linear-001.html" title="css/css-color/srgb-linear-001.html">srgb-linear-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/srgb-linear-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/srgb-linear-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/srgb-linear-002.html" title="css/css-color/srgb-linear-002.html">srgb-linear-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/srgb-linear-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/srgb-linear-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/srgb-linear-003.html" title="css/css-color/srgb-linear-003.html">srgb-linear-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/srgb-linear-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/srgb-linear-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/srgb-linear-004.html" title="css/css-color/srgb-linear-004.html">srgb-linear-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/srgb-linear-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/srgb-linear-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.4" id="predefined-display-p3"><span class="secno">10.4. </span><span class="content"> The Predefined Display P3 Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-display-p3" id="ref-for-valdef-color-display-p3④">display-p3</a> keyword</span><a class="self-link" href="#predefined-display-p3"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-005.html" title="css/css-color/predefined-005.html">predefined-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-006.html" title="css/css-color/predefined-006.html">predefined-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-001.html" title="css/css-color/display-p3-001.html">display-p3-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-002.html" title="css/css-color/display-p3-002.html">display-p3-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-003.html" title="css/css-color/display-p3-003.html">display-p3-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-004.html" title="css/css-color/display-p3-004.html">display-p3-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-005.html" title="css/css-color/display-p3-005.html">display-p3-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/display-p3-006.html" title="css/css-color/display-p3-006.html">display-p3-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/display-p3-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/display-p3-006.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.5" id="predefined-a98-rgb"><span class="secno">10.5. </span><span class="content"> The Predefined A98 RGB Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-a98-rgb" id="ref-for-valdef-color-a98-rgb①">a98-rgb</a> keyword</span><a class="self-link" href="#predefined-a98-rgb"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-007.html" title="css/css-color/predefined-007.html">predefined-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-008.html" title="css/css-color/predefined-008.html">predefined-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/a98rgb-001.html" title="css/css-color/a98rgb-001.html">a98rgb-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/a98rgb-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/a98rgb-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/a98rgb-002.html" title="css/css-color/a98rgb-002.html">a98rgb-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/a98rgb-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/a98rgb-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/a98rgb-003.html" title="css/css-color/a98rgb-003.html">a98rgb-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/a98rgb-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/a98rgb-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/a98rgb-004.html" title="css/css-color/a98rgb-004.html">a98rgb-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/a98rgb-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/a98rgb-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.6" id="predefined-prophoto-rgb"><span class="secno">10.6. </span><span class="content"> The Predefined ProPhoto RGB Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-prophoto-rgb" id="ref-for-valdef-color-prophoto-rgb②">prophoto-rgb</a> keyword</span><a class="self-link" href="#predefined-prophoto-rgb"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-009.html" title="css/css-color/predefined-009.html">predefined-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-010.html" title="css/css-color/predefined-010.html">predefined-010.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-010.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/prophoto-rgb-001.html" title="css/css-color/prophoto-rgb-001.html">prophoto-rgb-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/prophoto-rgb-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/prophoto-rgb-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/prophoto-rgb-002.html" title="css/css-color/prophoto-rgb-002.html">prophoto-rgb-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/prophoto-rgb-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/prophoto-rgb-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/prophoto-rgb-003.html" title="css/css-color/prophoto-rgb-003.html">prophoto-rgb-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/prophoto-rgb-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/prophoto-rgb-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/prophoto-rgb-004.html" title="css/css-color/prophoto-rgb-004.html">prophoto-rgb-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/prophoto-rgb-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/prophoto-rgb-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/prophoto-rgb-005.html" title="css/css-color/prophoto-rgb-005.html">prophoto-rgb-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/prophoto-rgb-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/prophoto-rgb-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.7" id="predefined-rec2020"><span class="secno">10.7. </span><span class="content"> The Predefined ITU-R BT.2020-2 Color Space: the <a class="css" data-link-type="maybe" href="#valdef-color-rec2020" id="ref-for-valdef-color-rec2020②">rec2020</a> keyword</span><a class="self-link" href="#predefined-rec2020"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-011.html" title="css/css-color/predefined-011.html">predefined-011.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-011.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-012.html" title="css/css-color/predefined-012.html">predefined-012.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-012.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rec2020-001.html" title="css/css-color/rec2020-001.html">rec2020-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rec2020-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rec2020-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rec2020-002.html" title="css/css-color/rec2020-002.html">rec2020-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rec2020-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rec2020-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rec2020-003.html" title="css/css-color/rec2020-003.html">rec2020-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rec2020-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rec2020-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rec2020-004.html" title="css/css-color/rec2020-004.html">rec2020-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rec2020-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rec2020-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/rec2020-005.html" title="css/css-color/rec2020-005.html">rec2020-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/rec2020-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/rec2020-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.8" id="predefined-xyz"><span class="secno">10.8. </span><span class="content"> The Predefined CIE XYZ Color Spaces: the <a class="css" data-link-type="maybe" href="#valdef-color-xyz-d50" id="ref-for-valdef-color-xyz-d50①">xyz-d50</a>, <a class="css" data-link-type="maybe" href="#valdef-color-xyz-d65" id="ref-for-valdef-color-xyz-d65①">xyz-d65</a>, and <a class="css" data-link-type="maybe" href="#valdef-color-xyz" id="ref-for-valdef-color-xyz①">xyz</a> keywords</span><a class="self-link" href="#predefined-xyz"></a></h3>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/predefined-016.html" title="css/css-color/predefined-016.html">predefined-016.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/predefined-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/predefined-016.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-001.html" title="css/css-color/xyz-001.html">xyz-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-002.html" title="css/css-color/xyz-002.html">xyz-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-003.html" title="css/css-color/xyz-003.html">xyz-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-004.html" title="css/css-color/xyz-004.html">xyz-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-005.html" title="css/css-color/xyz-005.html">xyz-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d50-001.html" title="css/css-color/xyz-d50-001.html">xyz-d50-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d50-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d50-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d50-002.html" title="css/css-color/xyz-d50-002.html">xyz-d50-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d50-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d50-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d50-003.html" title="css/css-color/xyz-d50-003.html">xyz-d50-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d50-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d50-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d50-004.html" title="css/css-color/xyz-d50-004.html">xyz-d50-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d50-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d50-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d50-005.html" title="css/css-color/xyz-d50-005.html">xyz-d50-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d50-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d50-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d65-001.html" title="css/css-color/xyz-d65-001.html">xyz-d65-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d65-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d65-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d65-002.html" title="css/css-color/xyz-d65-002.html">xyz-d65-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d65-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d65-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d65-003.html" title="css/css-color/xyz-d65-003.html">xyz-d65-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d65-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d65-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d65-004.html" title="css/css-color/xyz-d65-004.html">xyz-d65-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d65-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d65-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/xyz-d65-005.html" title="css/css-color/xyz-d65-005.html">xyz-d65-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/xyz-d65-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/xyz-d65-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-valid.html" title="css/css-color/parsing/color-valid.html">color-valid.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-valid.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="10.9" id="predefined-to-lab-oklab"><span class="secno">10.9. </span><span class="content"> Converting Predefined Color Spaces to Lab or Oklab</span><a class="self-link" href="#predefined-to-lab-oklab"></a></h3>
   
   
   
   
   
   <h3 class="heading settled" data-level="10.10" id="oklab-lab-to-predefined"><span class="secno">10.10. </span><span class="content"> Converting Lab or Oklab to Predefined RGB Color Spaces</span><a class="self-link" href="#oklab-lab-to-predefined"></a></h3>
   
   
   
   
   
   
   <h3 class="heading settled" data-level="10.11" id="predefined-to-predefined"><span class="secno">10.11. </span><span class="content"> Converting Between Predefined RGB Color Spaces</span><a class="self-link" href="#predefined-to-predefined"></a></h3>
   
   
   
   <h3 class="heading settled" data-level="10.12" id="alpha"><span class="secno">10.12. </span><span class="content"> Simple Alpha Compositing</span><a class="self-link" href="#alpha"></a></h3>
   
   <h2 class="heading settled algorithm" data-algorithm="to convert a color" data-level="11" id="color-conversion"><span class="secno">11. </span><span class="content"> Converting Colors</span><a class="self-link" href="#color-conversion"></a></h2>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section provides an algorithm used later, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   <h2 class="heading settled" data-level="12" id="interpolation"><span class="secno">12. </span><span class="content"> Color Interpolation</span><a class="self-link" href="#interpolation"></a></h2>
   
   
   
   
   <h3 class="heading settled" data-level="12.1" id="interpolation-space"><span class="secno">12.1. </span><span class="content"> Color Space for Interpolation</span><a class="self-link" href="#interpolation-space"></a></h3>
   
   
   
   
   

   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-mix-percents-01.html" title="css/css-color/color-mix-percents-01.html">color-mix-percents-01.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-mix-percents-01.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-mix-percents-01.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-mix-percents-02.html" title="css/css-color/color-mix-percents-02.html">color-mix-percents-02.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-mix-percents-02.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-mix-percents-02.html"><small>(source)</small></a>
    </li></ul>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradients-with-transparent.html" title="css/css-images/gradients-with-transparent.html">gradients-with-transparent.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradients-with-transparent.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradients-with-transparent.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-001.html" title="css/css-images/gradient/gradient-eval-001.html">gradient-eval-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-002.html" title="css/css-images/gradient/gradient-eval-002.html">gradient-eval-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-003.html" title="css/css-images/gradient/gradient-eval-003.html">gradient-eval-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-004.html" title="css/css-images/gradient/gradient-eval-004.html">gradient-eval-004.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-005.html" title="css/css-images/gradient/gradient-eval-005.html">gradient-eval-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-006.html" title="css/css-images/gradient/gradient-eval-006.html">gradient-eval-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-007.html" title="css/css-images/gradient/gradient-eval-007.html">gradient-eval-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-008.html" title="css/css-images/gradient/gradient-eval-008.html">gradient-eval-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-eval-009.html" title="css/css-images/gradient/gradient-eval-009.html">gradient-eval-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-eval-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-eval-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/gradient-none-interpolation.html" title="css/css-images/gradient/gradient-none-interpolation.html">gradient-none-interpolation.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/gradient-none-interpolation.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/gradient-none-interpolation.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/legacy-color-gradient.html" title="css/css-images/gradient/legacy-color-gradient.html">legacy-color-gradient.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/legacy-color-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/legacy-color-gradient.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/oklab-gradient.html" title="css/css-images/gradient/oklab-gradient.html">oklab-gradient.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/oklab-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/oklab-gradient.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/srgb-gradient.html" title="css/css-images/gradient/srgb-gradient.html">srgb-gradient.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/srgb-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/srgb-gradient.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/srgb-linear-gradient.html" title="css/css-images/gradient/srgb-linear-gradient.html">srgb-linear-gradient.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/srgb-linear-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/srgb-linear-gradient.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/gradient/xyz-gradient.html" title="css/css-images/gradient/xyz-gradient.html">xyz-gradient.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/gradient/xyz-gradient.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/gradient/xyz-gradient.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/parsing/gradient-interpolation-method-valid.html" title="css/css-images/parsing/gradient-interpolation-method-valid.html">gradient-interpolation-method-valid.html<small> (1398 tests)</small></a><span class="wpt-results"><span title="chrome 1398/1398" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 21/1398" class="wpt-result" style="background: conic-gradient(forestgreen 5.407725321888412deg, darkred 0deg);"></span><span title="safari 1398/1398" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1398/1398" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/parsing/gradient-interpolation-method-valid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/parsing/gradient-interpolation-method-valid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/parsing/gradient-interpolation-method-invalid.html" title="css/css-images/parsing/gradient-interpolation-method-invalid.html">gradient-interpolation-method-invalid.html<small> (282 tests)</small></a><span class="wpt-results"><span title="chrome 282/282" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 282/282" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 282/282" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 282/282" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/parsing/gradient-interpolation-method-invalid.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/parsing/gradient-interpolation-method-invalid.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-images/parsing/gradient-interpolation-method-computed.html" title="css/css-images/parsing/gradient-interpolation-method-computed.html">gradient-interpolation-method-computed.html<small> (932 tests)</small></a><span class="wpt-results"><span title="chrome 602/932" class="wpt-result" style="background: conic-gradient(forestgreen 232.5321888412017deg, darkred 0deg);"></span><span title="firefox 14/932" class="wpt-result" style="background: conic-gradient(forestgreen 5.407725321888412deg, darkred 0deg);"></span><span title="safari 602/932" class="wpt-result" style="background: conic-gradient(forestgreen 232.5321888412017deg, darkred 0deg);"></span><span title="edge 602/932" class="wpt-result" style="background: conic-gradient(forestgreen 232.5321888412017deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-images/parsing/gradient-interpolation-method-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-images/parsing/gradient-interpolation-method-computed.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   <h3 class="heading settled" data-level="12.2" id="interpolation-missing"><span class="secno">12.2. </span><span class="content"> Interpolating with Missing Components</span><a class="self-link" href="#interpolation-missing"></a></h3>
   
   
   
   
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="12.3" id="interpolation-alpha"><span class="secno">12.3. </span><span class="content"> Interpolating with Alpha</span><a class="self-link" href="#interpolation-alpha"></a></h3>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-transitions/animations/color-transition-premultiplied.html" title="css/css-transitions/animations/color-transition-premultiplied.html">color-transition-premultiplied.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-transitions/animations/color-transition-premultiplied.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-transitions/animations/color-transition-premultiplied.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   <h3 class="heading settled" data-level="12.4" id="hue-interpolation"><span class="secno">12.4. </span><span class="content"> Hue Interpolation</span><a class="self-link" href="#hue-interpolation"></a></h3>
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-mix-percents-01.html" title="css/css-color/color-mix-percents-01.html">color-mix-percents-01.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-mix-percents-01.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-mix-percents-01.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/color-mix-percents-02.html" title="css/css-color/color-mix-percents-02.html">color-mix-percents-02.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/color-mix-percents-02.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/color-mix-percents-02.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   <h4 class="heading settled" data-level="12.4.1" id="hue-shorter"><span class="secno">12.4.1. </span><span class="content"> <dfn class="dfn-paneled has-dfn-panel" data-dfn-type="dfn" data-export="" id="shorter" role="button" aria-expanded="false" tabindex="0">shorter</dfn></span><a class="self-link" href="#hue-shorter"></a></h4>
   
   
   

   <h4 class="heading settled" data-level="12.4.2" id="hue-longer"><span class="secno">12.4.2. </span><span class="content"> <dfn class="dfn-paneled has-dfn-panel" data-dfn-type="dfn" data-export="" id="longer" role="button" aria-expanded="false" tabindex="0">longer</dfn></span><a class="self-link" href="#hue-longer"></a></h4>
   
   
   

   <h4 class="heading settled" data-level="12.4.3" id="hue-increasing"><span class="secno">12.4.3. </span><span class="content"> <dfn class="dfn-paneled has-dfn-panel" data-dfn-type="dfn" data-export="" id="increasing" role="button" aria-expanded="false" tabindex="0">increasing</dfn></span><a class="self-link" href="#hue-increasing"></a></h4>
   
   
   
   

   <h4 class="heading settled" data-level="12.4.4" id="hue-decreasing"><span class="secno">12.4.4. </span><span class="content"> <dfn class="dfn-paneled has-dfn-panel" data-dfn-type="dfn" data-export="" id="decreasing" role="button" aria-expanded="false" tabindex="0">decreasing</dfn></span><a class="self-link" href="#hue-decreasing"></a></h4>
   
   
   
   

   <h2 class="heading settled" data-level="13" id="gamut-mapping"><span class="secno">13. </span><span class="content"> Gamut Mapping </span><a class="self-link" href="#gamut-mapping"></a></h2>
   <h3 class="heading settled" data-level="13.1" id="gamut-mapping-intro"><span class="secno">13.1. </span><span class="content"> An Introduction to Gamut Mapping</span><a class="self-link" href="#gamut-mapping-intro"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   <h4 class="heading settled" data-level="13.1.1" id="GM-clip"><span class="secno">13.1.1. </span><span class="content"> Clipping</span><a class="self-link" href="#GM-clip"></a></h4>
   
   
   <h4 class="heading settled" data-level="13.1.2" id="GM-closest"><span class="secno">13.1.2. </span><span class="content"> Closest Color (MINDE)</span><a class="self-link" href="#GM-closest"></a></h4>
   
   
   <h4 class="heading settled" data-level="13.1.3" id="GM-chroma"><span class="secno">13.1.3. </span><span class="content"> Chroma Reduction</span><a class="self-link" href="#GM-chroma"></a></h4>
   
   
   
   <h4 class="heading settled" data-level="13.1.4" id="GM-excessive-reduction"><span class="secno">13.1.4. </span><span class="content"> Excessive Chroma Reduction</span><a class="self-link" href="#GM-excessive-reduction"></a></h4>
   
   
   
   
   <h4 class="heading settled" data-level="13.1.5" id="GM-chroma-local-MINDE"><span class="secno">13.1.5. </span><span class="content"> Chroma Reduction with Local Clipping</span><a class="self-link" href="#GM-chroma-local-MINDE"></a></h4>
   
   
   
   <h4 class="heading settled" data-level="13.1.6" id="GM-hue-curvature"><span class="secno">13.1.6. </span><span class="content"> Deviations from Perceptual Uniformity: Hue Curvature</span><a class="self-link" href="#GM-hue-curvature"></a></h4>
   
   
   
   
   <h3 class="heading settled algorithm" data-algorithm="to CSS gamut map" data-level="13.2" id="css-gamut-mapping"><span class="secno">13.2. </span><span class="content"> CSS Gamut Mapping to an RGB Destination</span><a class="self-link" href="#css-gamut-mapping"></a></h3>
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>Used values of color are not exposed to script, making this hard to test in an automated manner.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   
   
   
   
   
   
   
   
   
   
   
   
   <h4 class="heading settled" data-level="13.2.1" id="binsearch"><span class="secno">13.2.1. </span><span class="content"> Sample Pseudocode for the Binary Search Gamut Mapping Algorithm with Local MINDE</span><a class="self-link" href="#binsearch"></a></h4>
   
   <h2 class="heading settled" data-level="14" id="resolving-color-values"><span class="secno">14. </span><span class="content"> Resolving <a class="production css" data-link-type="type" href="#typedef-color" id="ref-for-typedef-color①⑧">&lt;color&gt;</a> Values</span><a class="self-link" href="#resolving-color-values"></a></h2>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hex-color.html" title="css/css-color/parsing/color-computed-hex-color.html">color-computed-hex-color.html<small> (6 tests)</small></a><span class="wpt-results"><span title="chrome 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 6/6" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hex-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hex-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-named-color.html" title="css/css-color/parsing/color-computed-named-color.html">color-computed-named-color.html<small> (455 tests)</small></a><span class="wpt-results"><span title="chrome 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 455/455" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-named-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-named-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-hex-color.html" title="css/css-color/parsing/color-invalid-hex-color.html">color-invalid-hex-color.html<small> (10 tests)</small></a><span class="wpt-results"><span title="chrome 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 10/10" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-hex-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-hex-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-invalid-named-color.html" title="css/css-color/parsing/color-invalid-named-color.html">color-invalid-named-color.html<small> (184 tests)</small></a><span class="wpt-results"><span title="chrome 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 184/184" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-invalid-named-color.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-invalid-named-color.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-compute.html" title="css/css-color/system-color-compute.html">system-color-compute.html<small> (27 tests)</small></a><span class="wpt-results"><span title="chrome 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 14/27" class="wpt-result" style="background: conic-gradient(forestgreen 186.66666666666666deg, darkred 0deg);"></span><span title="safari 13/27" class="wpt-result" style="background: conic-gradient(forestgreen 173.33333333333331deg, darkred 0deg);"></span><span title="edge 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-compute.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-compute.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="14.1" id="resolving-sRGB-values"><span class="secno">14.1. </span><span class="content"> Resolving sRGB values</span><a class="self-link" href="#resolving-sRGB-values"></a></h3>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hsl.html" title="css/css-color/parsing/color-computed-hsl.html">color-computed-hsl.html<small> (3735 tests)</small></a><span class="wpt-results"><span title="chrome 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 3735/3735" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hsl.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hsl.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-hwb.html" title="css/css-color/parsing/color-computed-hwb.html">color-computed-hwb.html<small> (50 tests)</small></a><span class="wpt-results"><span title="chrome 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 50/50" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-hwb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-hwb.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed-rgb.html" title="css/css-color/parsing/color-computed-rgb.html">color-computed-rgb.html<small> (79 tests)</small></a><span class="wpt-results"><span title="chrome 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 79/79" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed-rgb.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed-rgb.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h3 class="heading settled" data-level="14.2" id="resolving-lab-lch-values"><span class="secno">14.2. </span><span class="content"> Resolving Lab and LCH values</span><a class="self-link" href="#resolving-lab-lch-values"></a></h3>
   
   
   
   <h3 class="heading settled" data-level="14.3" id="resolving-oklab-oklch-values"><span class="secno">14.3. </span><span class="content"> Resolving Oklab and Oklch values</span><a class="self-link" href="#resolving-oklab-oklch-values"></a></h3>
   
   
   
   <h3 class="heading settled" data-level="14.4" id="resolving-color-function-values"><span class="secno">14.4. </span><span class="content"> Resolving values of the <a class="css" data-link-type="maybe" href="#funcdef-color" id="ref-for-funcdef-color⑨">color()</a> function</span><a class="self-link" href="#resolving-color-function-values"></a></h3>
   
   
   
   
   <h3 class="heading settled" data-level="14.5" id="resolving-other-colors"><span class="secno">14.5. </span><span class="content">Resolving other colors</span><a class="self-link" href="#resolving-other-colors"></a></h3>
   
   
   
   
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-001.html" title="css/css-color/currentcolor-001.html">currentcolor-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-002.html" title="css/css-color/currentcolor-002.html">currentcolor-002.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/currentcolor-003.html" title="css/css-color/currentcolor-003.html">currentcolor-003.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/currentcolor-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/currentcolor-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-compute.html" title="css/css-color/system-color-compute.html">system-color-compute.html<small> (27 tests)</small></a><span class="wpt-results"><span title="chrome 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 14/27" class="wpt-result" style="background: conic-gradient(forestgreen 186.66666666666666deg, darkred 0deg);"></span><span title="safari 13/27" class="wpt-result" style="background: conic-gradient(forestgreen 173.33333333333331deg, darkred 0deg);"></span><span title="edge 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-compute.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-compute.html"><small>(source)</small></a>
    </li></ul>
   </details>
   <h2 class="heading settled" data-level="15" id="serializing-color-values"><span class="secno">15. </span><span class="content"> Serializing <a class="production css" data-link-type="type" href="#typedef-color" id="ref-for-typedef-color②⓪">&lt;color&gt;</a> Values</span><a class="self-link" href="#serializing-color-values"></a></h2>
   
   
   
   
   
   <h3 class="heading settled" data-level="15.1" id="serializing-alpha-values"><span class="secno">15.1. </span><span class="content"> Serializing alpha values</span><a class="self-link" href="#serializing-alpha-values"></a></h3>
   
   
   
   
   
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="15.2" id="serializing-sRGB-values"><span class="secno">15.2. </span><span class="content"> Serializing sRGB values</span><a class="self-link" href="#serializing-sRGB-values"></a></h3>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/system-color-compute.html" title="css/css-color/system-color-compute.html">system-color-compute.html<small> (27 tests)</small></a><span class="wpt-results"><span title="chrome 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 14/27" class="wpt-result" style="background: conic-gradient(forestgreen 186.66666666666666deg, darkred 0deg);"></span><span title="safari 13/27" class="wpt-result" style="background: conic-gradient(forestgreen 173.33333333333331deg, darkred 0deg);"></span><span title="edge 27/27" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/system-color-compute.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/system-color-compute.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="15.3" id="serializing-lab-lch"><span class="secno">15.3. </span><span class="content"> Serializing Lab and LCH values</span><a class="self-link" href="#serializing-lab-lch"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed.html" title="css/css-color/parsing/color-computed.html">color-computed.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="15.4" id="serializing-oklab-oklch"><span class="secno">15.4. </span><span class="content"> Serializing Oklab and Oklch values</span><a class="self-link" href="#serializing-oklab-oklch"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed.html" title="css/css-color/parsing/color-computed.html">color-computed.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="15.5" id="serializing-color-function-values"><span class="secno">15.5. </span><span class="content"> Serializing values of the <a class="css" data-link-type="maybe" href="#funcdef-color" id="ref-for-funcdef-color①⓪">color()</a> function</span><a class="self-link" href="#serializing-color-function-values"></a></h3>
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/parsing/color-computed.html" title="css/css-color/parsing/color-computed.html">color-computed.html<small> (16 tests)</small></a><span class="wpt-results"><span title="chrome 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 16/16" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/parsing/color-computed.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/parsing/color-computed.html"><small>(source)</small></a>
    </li></ul>
   </details>
   
   
   
   
   
   
   
   
   
   
   <h3 class="heading settled" data-level="15.6" id="serializing-other-colors"><span class="secno">15.6. </span><span class="content"> Serializing other colors</span><a class="self-link" href="#serializing-other-colors"></a></h3>
   
   
   
   <h2 class="heading settled" data-level="16" id="sample"><span class="secno">16. </span><span class="content"> Default Style Rules</span><a class="self-link" href="#sample"></a></h2>
   

   <h2 class="heading settled" data-level="17" id="color-conversion-code"><span class="secno">17. </span><span class="content"> Sample code for Color Conversions</span><a class="self-link" href="#color-conversion-code"></a></h2>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   

   <h2 class="heading settled" data-level="18" id="color-difference-code"><span class="secno">18. </span><span class="content"> Sample Code for ΔE2000 and ΔEOK Color Differences</span><a class="self-link" href="#color-difference-code"></a></h2>
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>This section is not normative, it does not need tests.</p>
    <ul class="wpt-tests-list"></ul>
    <hr>
   </details>
   <h3 class="heading settled" data-level="18.1" id="color-difference-2000"><span class="secno">18.1. </span><span class="content">ΔE2000</span><a class="self-link" href="#color-difference-2000"></a></h3>
   
   

   <h3 class="heading settled" data-level="18.2" id="color-difference-OK"><span class="secno">18.2. </span><span class="content">ΔEOK</span><a class="self-link" href="#color-difference-OK"></a></h3>
   

   <h2 class="no-num heading settled" id="deprecated-system-colors"><span class="content"> Appendix A: Deprecated CSS System Colors</span><a class="self-link" href="#deprecated-system-colors"></a></h2>
   
   
   
   
   <details class="wpt-tests-block" dir="ltr" lang="en" open="">
    <summary>Tests</summary>
    <p>Results on these 'same as' equivalence tests are not great, which is why the feature is at-risk</p>
    <ul class="wpt-tests-list">
     <li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-001.html" title="css/css-color/deprecated-sameas-001.html">deprecated-sameas-001.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-001.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-001.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-002.html" title="css/css-color/deprecated-sameas-002.html">deprecated-sameas-002.html</a><span class="wpt-results"><span title="chrome 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-002.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-002.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-003.html" title="css/css-color/deprecated-sameas-003.html">deprecated-sameas-003.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-003.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-003.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-004.html" title="css/css-color/deprecated-sameas-004.html">deprecated-sameas-004.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-004.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-004.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-005.html" title="css/css-color/deprecated-sameas-005.html">deprecated-sameas-005.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-005.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-005.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-006.html" title="css/css-color/deprecated-sameas-006.html">deprecated-sameas-006.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-006.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-006.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-007.html" title="css/css-color/deprecated-sameas-007.html">deprecated-sameas-007.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-007.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-007.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-008.html" title="css/css-color/deprecated-sameas-008.html">deprecated-sameas-008.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-008.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-008.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-009.html" title="css/css-color/deprecated-sameas-009.html">deprecated-sameas-009.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-009.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-009.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-010.html" title="css/css-color/deprecated-sameas-010.html">deprecated-sameas-010.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-010.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-010.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-011.html" title="css/css-color/deprecated-sameas-011.html">deprecated-sameas-011.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-011.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-011.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-012.html" title="css/css-color/deprecated-sameas-012.html">deprecated-sameas-012.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-012.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-012.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-013.html" title="css/css-color/deprecated-sameas-013.html">deprecated-sameas-013.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-013.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-013.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-014.html" title="css/css-color/deprecated-sameas-014.html">deprecated-sameas-014.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-014.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-014.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-015.html" title="css/css-color/deprecated-sameas-015.html">deprecated-sameas-015.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-015.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-015.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-016.html" title="css/css-color/deprecated-sameas-016.html">deprecated-sameas-016.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-016.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-016.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-017.html" title="css/css-color/deprecated-sameas-017.html">deprecated-sameas-017.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-017.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-017.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-018.html" title="css/css-color/deprecated-sameas-018.html">deprecated-sameas-018.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-018.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-018.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-019.html" title="css/css-color/deprecated-sameas-019.html">deprecated-sameas-019.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-019.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-019.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-020.html" title="css/css-color/deprecated-sameas-020.html">deprecated-sameas-020.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-020.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-020.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-021.html" title="css/css-color/deprecated-sameas-021.html">deprecated-sameas-021.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-021.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-021.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-022.html" title="css/css-color/deprecated-sameas-022.html">deprecated-sameas-022.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-022.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-022.html"><small>(source)</small></a>
     </li><li class="wpt-test"><a class="wpt-name" href="https://wpt.fyi/results/css/css-color/deprecated-sameas-023.html" title="css/css-color/deprecated-sameas-023.html">deprecated-sameas-023.html</a><span class="wpt-results"><span title="chrome 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="firefox 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span><span title="safari 0/1" class="wpt-result" style="background: conic-gradient(forestgreen 0deg, darkred 0deg);"></span><span title="edge 1/1" class="wpt-result" style="background: conic-gradient(forestgreen 360deg, darkred 0deg);"></span></span> <a class="wpt-live" href="http://wpt.live/css/css-color/deprecated-sameas-023.html"><small>(live test)</small></a> <a class="wpt-source" href="https://github.com/web-platform-tests/wpt/blob/master/css/css-color/deprecated-sameas-023.html"><small>(source)</small></a>
    </li></ul>
    <hr>
   </details>
   <h2 class="no-num heading settled" id="quirky-color"><span class="content"> Appendix B: Deprecated Quirky Hex Colors</span><a class="self-link" href="#quirky-color"></a></h2>
   
   
   
   
   
   
   
   <h2 class="no-num no-ref heading settled" id="acknowledgments"><span class="content"> Acknowledgments</span><a class="self-link" href="#acknowledgments"></a></h2>
   
   <h2 class="no-num heading settled" id="changes"><span class="content"> Changes</span><a class="self-link" href="#changes"></a></h2>
   <h3 class="heading settled" id="changes-from-20221101"><span class="content">Changes since the <a href="https://www.w3.org/TR/2022/CR-css-color-4-20221101/">Candidate Recommendation Draft of 1 November 2022</a> </span><a class="self-link" href="#changes-from-20221101"></a></h3>
   
   <h3 class="heading settled" id="changes-from-20220705"><span class="content">Changes since the <a href="https://www.w3.org/TR/2022/CR-css-color-4-20220705/">Candidate Recommendation of 5 July 2022</a> </span><a class="self-link" href="#changes-from-20220705"></a></h3>
   
   <h3 class="heading settled" id="changes-from-20220628"><span class="content">Changes since the <a href="https://www.w3.org/TR/2022/WD-css-color-4-20220628/">Working Draft of 28 June 2022</a> </span><a class="self-link" href="#changes-from-20220628"></a></h3>
   
   <h3 class="heading settled" id="changes-from-20220428"><span class="content">Changes since the <a href="https://www.w3.org/TR/2022/WD-css-color-4-20220428/">Working Draft of 28 April 2022</a> </span><a class="self-link" href="#changes-from-20220428"></a></h3>
   
   <h3 class="heading settled" id="changes-from-20211215"><span class="content">Changes since the <a href="https://www.w3.org/TR/2021/WD-css-color-4-20211215/">Working Draft of 15 December 2021</a> </span><a class="self-link" href="#changes-from-20211215"></a></h3>
   
   <h3 class="no-num heading settled" id="changes-from-20210601"><span class="content">Changes since the <a href="https://www.w3.org/TR/2021/WD-css-color-4-20210601/">Working Draft of 1 June 2021</a> </span><a class="self-link" href="#changes-from-20210601"></a></h3>
   
   <h3 class="no-num heading settled" id="changes-from-20201112"><span class="content">Changes since the <a href="https://www.w3.org/TR/2020/WD-css-color-4-20201112/">Working Draft of 12 November 2020</a> </span><a class="self-link" href="#changes-from-20201112"></a></h3>
   
   <h3 class="no-num heading settled" id="changes-from-20191105"><span class="content">Changes since <a href="https://www.w3.org/TR/2019/WD-css-color-4-20191105/">Working Draft of
5 November 2019</a></span><a class="self-link" href="#changes-from-20191105"></a></h3>
   
   <h3 class="no-num heading settled" id="changes-from-20160705"><span class="content">Changes since <a href="http://www.w3.org/TR/2016/WD-css-color-4-20160705/">Working Draft of 05 July 2016</a></span><a class="self-link" href="#changes-from-20160705"></a></h3>
   
   <h3 class="heading settled" id="changes-from-3"><span class="content"> Changes from Colors 3</span><a class="self-link" href="#changes-from-3"></a></h3>
   
   
   
   
   
   
   
   <h2 class="heading settled" data-level="19" id="security"><span class="secno">19. </span><span class="content">Security Considerations</span><a class="self-link" href="#security"></a></h2>
   
   <h2 class="heading settled" data-level="20" id="privacy"><span class="secno">20. </span><span class="content">Privacy Considerations</span><a class="self-link" href="#privacy"></a></h2>
   
   <h2 class="heading settled" data-level="21" id="a11y-sec"><span class="secno">21. </span><span class="content">Accessibility Considerations</span><a class="self-link" href="#a11y-sec"></a></h2>
   
   
  
</main>